Skip to main content

Date Picker

Type

widget

Summary

A widget that allows users to select and display dates.

Description

Use the dataPiker widget to create a datepicker or simply to display a calendar.

Compatibility and Support

OS

mac

windows

linux

ios

android

Platforms

desktop

mobile

web

Children Properties

Message

NameSummarySyntax
dateChangedSent when a date is selected.dateChanged pDate

Property

NameSummarySyntax
weekStartsOnSets the day the week starts.set the weekStartsOn of widget to {Sunday | Monday} get the weekStartsOn of widget
mouseOverColorSpecify the color that the background of the day that is under the pointer will have.set the mouseOverColor of widget to <RGB color> get the mouseOverColor of widget
headerColorSpecifies the color of the text displayed in the calendar header.set the headerColor of widget to <RGB color> get the headerColor of widget
AutoResizeFontThe font size will be adjusted automatically, to take up the most space.set the autoResizeFont of widget to {true | false} get the autoResizeFont of widget
monthNamesSpecifies the label that will be displayed in the names of the months.set the monthNames of widget to "JAN,FEB,MAR,APR,MAY,JUN,JUL,AUG,SEP,OCT,NOV,DEC" get the monthNames of widget
paddingColorColor of the days that do not belong to the selected month.set the paddingColor of widget to <RGB color> get the paddingColor of widget
selectedDateSpecify the current date.set the selectedDate of widget to "Year-Month-Day" get the selectedDate of widget
NamesToUseThe name will draw the days of the week on the calendar.set the namesToUse of widget to {English | System | Custom} get the namesToUse of widget
showGridSpecifies whether a grid is drawn on the calendar.set the showGrid of widget to {true | false} get the showGrid of widget
hiliteStyleSpecifies the style in which the selected days are drawn..set the hiliteStyle of widget to {Text | Background Square | Background Circle} get the hiliteStyle of widget
dayNamesSpecifies the label to display on the days of the week.set the dayNames of widget to "Day-1,Day-2,Day-3,Day-4,Day-5,Day-6,Day-7" get the dayNames of widget
padDatesShows the days of the next and previous month.set the padDates of widget to {true | false} get the padDates of widget